
:focus {/* remember to define focus styles! */
    outline: 0;
}

body {
    line-height: 1;     
}

ol, 
ul {
    list-style: none;
}

blockquote:before, 
blockquote:after,
q:before, 
q:after {
    content: "";
}

blockquote, 
q {
    quotes: "" "";
}

a img {
    border: 0;
}

article, 
aside, 
details, 
figcaption, 
figure,
footer, 
header, 
hgroup, 
menu, 
nav, 
section {
    display: block;
}


/* =WordPress Core and Addition
-------------------------------------------------------------- */
.alignnone,
#content .alignnone,
#content-full .alignnone,
div .alignnone  {
    margin: 5px 20px 20px 0;
}

.aligncenter,
#content .aligncenter, 
#content-full .aligncenter,
div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

#content table {
    background-color: #fff;  
    border-collapse: collapse;
}

#content table td {        
    border: 1px solid #D3D3D3;
    text-align: left !important;
}

#content table tr.table_title td {
    background-color: #F0F0F0;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.alignright,
#content .alignright,
#content-full .alignright,
div .alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft,
#content .alignleft,
#content-full .alignleft,
div .alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

/* =Structure
----------------------------------------------- */

body {
    font-family: Arial;
    font-size: 14px;
    line-height: 1.6;
    word-wrap: break-word;
    background: url("images/imgbg.jpg") repeat scroll 0 0 transparent;
    color: #333333;
    /*min-width: 960px;  */
}


img {
    max-width: 100%;
    border: 0 none;
}

#container {
    margin: 0 auto;    
    clear: both;
    padding-left: 7px;
    width: 960px;
}

#top-menu-container {
    height: 30px;
    margin: 0 auto;
    padding: 10px 0 0;
    width: 960px;
}

#top-menu-container input#s {
    background: url("images/search.png") no-repeat scroll right 50% #EEEEEE;
    color: #999999;
    float: right;
    padding: 5px 25px 5px 10px;
    width: 150px;
}


#top-menu-container #searchform input[type="submit"] {
    display: none;
}

#header {                  
    background: url("images/bg_top.jpg") repeat-x scroll left -9px #FFFFFF;
    float: left;
    width: 100%;  
    border-bottom: 1px solid #DDDDDD;   
    min-width: 960px;  
}

img.site-logo, h1.site-title {
    display: block;
    float: left;
    max-height: 45px;
    max-width: 300px;   
    margin-top: -8px;
}

#header-content {
    /* border-bottom: 5px solid #c20014;     */
    margin: 0 auto;     
    width: 960px;  
    position: relative;
    min-width: 960px;
}

.site-title-hidden {
    display: none;
}

.pagenev {
    background: url("images/sback.png") repeat scroll 0 0 #2E3036;
}

.conwidth {
    color: #EEEEEE;
    font-family: Arial;
    font-size: 20px;
    margin: 0 auto;
    padding: 15px 0;
    text-transform: uppercase;
    width: 960px;    
}

#content {
    background-color: #FFFFFF;
    float: left;
    padding: 18px;
    /*width: 644px;   */
    width: 65.5%;
}                    

.content-ver-sep {
    clear: both;
    height: 1px;
    background: #CCCCCC;
    border-bottom: 1px solid #FFFFFF;
}

.sep3 {
    background: url("images/sep3.png") no-repeat scroll 0 0 transparent;
    text-indent: -9999em;
    clear:both;
}

.sep2 {
    background: url("images/sep2.png") no-repeat scroll 0 0 transparent;
    text-indent: -9999em;
    clear:both;
}


.pagenev {
    background: url("images/sback.png") repeat scroll 0 0 #2E3036;
}


#right-sidebar {
    float: right;
    /*width: 300px; */
    width: 30.6%;
}

#footer {
    background-color: #E9E9E9;
    border-bottom: 2px solid #155B8C;
    border-top: 1px solid #DDDDDD;
    clear: both;
    font-size: 12px;
    width: 100%;
    min-width: 960px;
}

@media screen and (max-width: 600px) {
    /*   #footer-sidebar {
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0 0;
    width: 580px;
    color: red !important;
    }  

    #footer {
    width: 100%;   
    } */ 


}

#footer-sidebar {
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0 0;
    width: 960px;
}

#creditline {                      
    font-size: 13px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 960px;
}

#creditline a {
    font-weight: bold;
}

#footer-sidebar .widget a:hover {
    color: #0064d2 !important;
}

#footer_top {
    margin: 0 auto;
    width: 960px;
}

/* Common Elements 
------------------------------------------------------------- */
ol, 
ul {
    padding: 0 0 10px 10px;
    display: block;
    margin-bottom: 10px;
}

ul {
    list-style: disc inside none;
}

ol {
    list-style: decimal inside none;
}

strong {
    font-weight: bold;    
}

dl {
    margin: 0 0 24px 0;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 18px;
}

strong {
    font-weight: bold;
}

cite,
em,
i {
    font-style: italic;
}

big {
    font-size: 131.25%;
}

ins {
    background: #ffc;
    text-decoration: none;
}

blockquote cite,
blockquote em,
blockquote i {
    font-style: normal;
}

pre {
    background:#FFFFFF;
    border-radius: 5px 5px 5px 5px;
    color: #222222;
    line-height: 18px;
    margin-bottom: 18px;
    overflow: auto;
    padding: 1.5em;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

sup,
sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
    font-size: 70%;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

address {
    background: #EEEEEE;
    border: 2px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 15px;
    max-width: 250px;
    padding: 5px 10px;
    text-align: right;
}

embed  {
    max-width: 100%;    
}

/* Menu Elements 
------------------------------------------------------------- */

#design-main-menu {
    float: right;
    font-family:Arial;
    line-height: 1;
    width: 48%;
    display: block;
}

.menu {
    float: right;
}

#design-main-menu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#design-main-menu li {
    float: left;
    position: relative;   
}


#design-main-menu a {
    color: white;
    display: block;
    line-height: 59px;
    padding: 0 10px;
    text-decoration: none;     
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;               
}

#design-main-menu a:hover {
    /*background: #c20014;
    color: #FFFFFF !important;
    transition: background-color 1s linear; 
    -moz-transition:  background-color 1s linear;    /* FF3.7+ */  
    /*   -o-transition: background-color 1s linear;      /* Opera 10.5 */ 
    /* -webkit-transition: background-color 1s linear; /* Saf3.2+, Chrome */    
    background:url("images/bg_menu_li_hover.png") repeat-x; text-shadow: 1px 1px 1px #000;
}

#design-main-menu .current-menu-item > a,
#design-main-menu .current-menu-ancestor > a,
#design-main-menu .current_page_item > a,
#design-main-menu .current_page_ancestor > a  {
    color: #fff;
    font-weight:bold;
    background:url("images/bg_menu_li_hover.png") repeat-x; text-shadow: 1px 1px 1px #000;
}

#design-main-menu ul li ul li.current-menu-item a  {
    font-weight: normal;
}

#design-main-menu li ul {
    float: left;
    position: relative;
    margin: 0;
}

#design-main-menu ul ul, 
.sub-menu, .sub-menu ul ul {
    display: none;
    left: 0;
    position: absolute;
    padding: 5px 5px 10px 5px;
    z-index: 10000;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    width: 275px;
}

#design-main-menu ul li ul li {
    margin:0;
    line-height: 20px;
}

#design-main-menu ul ul ul {
    left: 100%;
    top: 0;
    z-index: 999;
}

#design-main-menu ul ul a  {
    padding: 7px 10px;
    text-align: left;
    text-transform: none;
    margin: 0;                        
    border-bottom: 1px dashed #AAAAAA;
    border-radius: 0;
    font-size: 13px;
    width: 255px;
    color: #555555;
}

#design-main-menu ul ul a:hover {       
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none; 
    background: none;
    color: #c20014 !important;
}  


#design-main-menu ul li:hover > ul {
    display: block;
    margin-top: -5px;
    background-color : none;
}  


/* Wedget Elements 
------------------------------------------------------------- */
.widget {
    display: block;
    word-wrap: break-word;
}

.widget ul,
.widget ol {
    padding: 0;
}

#right-sidebar .widget, #content-full .widget {                                        
    float: right;
    margin-bottom: 20px;
    padding: 15px;
    width: 250px;
    box-shadow:0 1px 1px #A8A8A8;      
}
#content-full .widget {
    width: 950px;
    background: no-repeat scroll center bottom #FFFFFF;
}

#right-sidebar .widget h3, #content-full .widget h3 {
    padding-bottom: 5px;
    text-transform: uppercase;
}

#right-sidebar .widget, 
#right-sidebar .widget li, 
#right-sidebar .widget a, 
#right-sidebar .widget a:hover {
    text-decoration: none;
    color:#555555;
    background-color: #FFFFFF;
} 

#right-sidebar .widget a:hover {
    color: #0064D2;
}

#right-sidebar .widget li, #content-full .widget li {
    list-style: none outside none;
    padding: 5px 0 5px 17px;
    background: url("images/listiconf.gif") no-repeat scroll 0 10px transparent;
}


#footer-sidebar .widget {
    width:215px;
    margin-bottom: 10px;
}

#footer-sidebar #first-footer-widget {
    float:left;           
}

#footer-sidebar #footer-widgets {
    margin-left: 30px;
    float:left;
}

#footer-sidebar .widget h3 {
    padding-bottom: 5px;
    text-transform: uppercase;
}

#footer-sidebar .widget, 
#footer-sidebar .widget li, 
#footer-sidebar .widget a, 
#footer-sidebar .widget a:hover,
#footer-sidebar .widget h3,
#footer-sidebar .widget h1,
#footer-sidebar .widget h2,
#footer-sidebar .widget h4 {
    color: #AAAAAA;
    text-decoration: none;
} 

#footer-sidebar .widget li {
    list-style: none outside none;
    padding: 3px 0;
}
#footer-sidebar .widget li a {
    color: #727272;
}

#right-sidebar input#s, 
#footer-sidebar input#s {
    width: 50%;
    min-width: 100px;    
}

#right-sidebar form#searchform input[type="submit"], 
#footer-sidebar form#searchform input[type="submit"] {        
    padding: 8px 7px;
}

.textwedget {
    width: 100%;        
}

/* Design Elements 
------------------------------------------------------------- */
h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6 {
    font-family: Arial;    
    line-height: 1.25;
    font-weight: bold;
    margin: 0 0 10px;
    color:#333333;
}

h1 {
    font-size: 30px;    
}

h2 {
    font-size: 23px;    
}

h3 {
    font-size: 16px;    
}

h4 {
    font-size: 17px;    
}

h5 {
    font-size: 15px;    
}

h6 {
    font-size: 13px;    
}

p {
    margin-bottom: 15px;
}

a {
    text-decoration:none;
    color: #17649a;    
}
.newprovider a{
    color:#3A4276;
    text-decoration:none;
}
.newprovider a:hover{
    color: #17649A !important;   
}
.newprovider{
    float:left;
    margin:0px 0px 20px 0px;
    width: 620px;
    max-height: 230px;
    position: relative;
}
b, strong {
    font-weight: bold;
}
displaynone {
    display: none;
}

.clear {
    clear: both;
}

#wp-calendar td {
    padding: 0px 7px;
}


button,
input[type="reset"],
input[type="button"],
input[type="submit"],
#respond .form-submit input#submit {    
    font-family: Arial;
    font-weight: bold;
    height: auto;
}

#btnSearchATM {
    background: url("images/btn_search_atm.png") no-repeat scroll center center transparent;
}

input[type="text"]:focus, 
textarea, input#s:focus, 
input[type="password"]:focus,
textarea#comment:focus {
    background: none repeat scroll 0 0 #F7F7F7;
}

input[type="password"] {
    width: 200px;
}

button:active, 
input[type="reset"]:active, 
input[type="button"]:active, 
input[type="submit"]:active {
    position:relative;
    top:1px;
}


input#s {
    width: 70%;
    min-width: 135px;
}

.post.sticky, 
.sticky {
    background: url("images/sticky.png") no-repeat scroll right top transparent;
    border: 3px solid #CCCCCC;
    padding: 15px 10px 0;
}

.gallery-caption {
    clear: both;
    width:95%;
}

#container .gallery .attachment-thumbnail {
    float:none;
    margin: 5px auto;
}

#container, 
#content, 
#content-full {
    font-size: 14px;
    text-align: justify;
}

#content img, 
#content-full img {
    height: auto;
    margin: 0;        
    max-width: 610px !important;
    vertical-align: middle;
}


#heading {
    font-size: 35px;
    margin: 20px 0;
    text-align: center;
    text-transform: uppercase;
}

#slide-container {    
    margin: 0 auto;
    width: 960px;
}

.box_select_search {
    left: 3px;
    padding: 0 !important;
    position: absolute;
    top: 50px;       
}

.featured-boxs {
    margin-right: -25px;   
    padding: 20px 0;
}

.featured-box  {
    background: url("images/fbox-back.png") no-repeat scroll 0 0 transparent;
    display: inline;
    float: left;
    height: 280px;
    margin-right: 25px;
    overflow: hidden;
    position: relative;
    width: 300px;
}

.featured-box .read-more {
    margin-left: 20px;
}

.featured-boxs img {
    cursor: pointer;
    height: 200px;
    width: 270px;
    padding: 10px 15px;
    -webkit-transition:all 1s;
    -moz-transition:all 0.2s linear;
    -o-transition:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;
}

.featured-boxs img:hover {
    -webkit-transform:scale(0.97);
    -moz-transform:scale(0.93);
    -o-transform:scale(0.97);
    -ms-transform:scale(0.97);
    transform:scale(0.97);
    background-color: #c20014;
}

.featured-content1 {
    float: left;
    padding: 30px 0;
    overflow: hidden;
    position: relative;
    width: 445px;
}

.featured-content2 {
    float: right;
    padding: 30px 0;
    overflow: hidden;
    position: relative;
    width: 445px;
}

.featured-content1 h2,
.featured-content2 h2 {
    border-bottom: 1px dotted #444F63;
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 21px;
}

.featured-content1 h2 span,
.featured-content2 h2 span,
h2.comments a {
    color: #f86605;
}

.featured-boxs p {
    font-size: 12px;
    line-height: 1.5em;
}

#customers-comment {
    font-size: 17px;
    font-weight: bold;
    margin-top: 20px;
    line-height: 2;
}

blockquote {
    margin:20px 10px;
    padding:10px;
    quotes: quotes: '<<' '>>';
    background: #E0ECEF;
    border-left: 10px solid #00ACCF;
    border-right: 10px solid #00ACCF;
}

blockquote:before {
    content:'\201C';
    font-size:4em;
    line-height:.1em;
    margin-right:.20em;
    vertical-align:-.4em;
    color: #00C7EF;

}

blockquote:after {
    content:'\201D';
    font-size:4em;
    line-height:.1em;
    margin-left:.20em;
    vertical-align:-.4em;
    color: #00C7EF;
}

blockquote p {
    display:inline;
}

#container .thumb {
    background: url("images/thumb-back.jpg") no-repeat scroll 0 0 #CCCCCC;
    border: 10px solid #FFFFFF;
    height: 200px;
    width: 600px;
    -webkit-transition:all 1s;
    -moz-transition:all 2s;
    -o-transition:all 2s;
    -ms-transition:all 2s;
    transition:all 2s;
    margin: 0 0 20px;
}

#container #content-full .thumb {
    margin: 5px 10px 20px 0;
    float:left;
}

#container .sticky .thumb {
    width: 575px;    
}

#container .thumb:hover {

    border-color: #c20014;
}

#container .attachment-post-thumbnail {
    float: right;
}

h1.page-title, 
h1.arc-post-title {
    border-bottom: 1px solid;
    color: #C20014;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
}

h2.post-title, 
h2.comments, 
h3#reply-title, 
h2.post-title-color {
    font-size: 18px;
    margin-bottom: 0;
    padding-bottom: 5px;
    text-align: left;  
}

h3.arc-src {
    text-transform: uppercase;
    font-size: 20px;
    color:#F86605;
}

h3.arc-src span {
    color:#555555;
}

.post, 
.hentry, 
.no-results {
    margin-bottom: 20px;

}

.read-more {
    cursor: pointer;
    display: block;  
}


.postmetadata {
    background:#259dd5;
    background: rgba(37, 157, 213, .7);
    position: absolute;
    width: 160px;
    transition:all 2s;
    -moz-transition: all 2s;  
    -o-transition: all 2s;   
    -webkit-transition: all 2s;
    color: #EEEEEE;
    text-align:right;
    max-height: 200px;
    overflow:hidden;
    padding: 10px;
    font-size: 12px;
}

.postmetadata a {
    color: #c20014;
}

.postmetadata:hover  {
    overflow:visible;
    width: 200px;
    max-height:2000px;
    z-index: 1000;
    background:#259dd5;
    cursor: pointer;
}

.postmetadata h3,
.postmetadata h2,
.postmetadata h5,
.postmetadata h5 a {
    color:#EEEEEE;
    margin: 0;
}

.postmetadata h3 {
    font-size: 15px;
}

.postmetadata h2, .postmetadata h5 {
    font-size: 12px;
    line-height: 20px;
}

.postmetadata h2 a {
    color:#FFFFFF;
    font-weight: bold;
}

.postmetadata .content-ver-sep {
    margin: 2px 0;
    border-bottom: none;
}

.floatleft {
    float: left;
    width: 45%;
    text-align:left;
}

.floatright {
    float: right;
    width: 45%;
    text-align:right;
}

#page-nav .alignright {
    text-align:right;
}

#page-nav .alignleft {
    text-align:left;
}


/*.... Comments ......
-------------------------------------------------- */

#commentsbox {
    background: #ffffff;
    border-top: 20px solid #DCDDDD;
    box-shadow: 0 1px 1px #A8A8A8;
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 20px 10px 5px 10px;
    position: relative;             
    display: none;
} 

#commentsbox ol, 
#commentsbox ul {
    padding:0;
}

#commentsbox ol, 
#commentsbox ul {
    padding:0;
}

#commentsbox ol, 
#commentsbox ul,
#commentsbox li {
    list-style: none inside none;
}



#commentsbox .watermark {
    font-family: Arial;
    font-size: 17px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;    
}

#commentsbox .comment-author cite, 
#commentsbox .comment-author cite a {
    color: #F97306;
    font-size: 17px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 3px;
    font-family: Arial;
}

#commentsbox .avatar {
    background: #EEEEEE;
    border-bottom: 2px solid #D3D6D6;
    float: left;
    font-size: 10px;
    height: 60px;
    left: -100px;
    padding: 10px;
    position: absolute;
    top: 0;
    transition: all 2s ease 0s;
    -moz-transition:  all 2s ease 0s;    /* FF3.7+ */  
    -o-transition: all 2s ease 0s;     /* Opera 10.5 */ 
    -webkit-transition: all 2s ease 0s; /* Saf3.2+, Chrome */ 
    width: 60px;   
}

#commentsbox .avatar:hover {
    background: #fe6804;
}

#commentsbox ul.children {
    padding: 0;
}


.comment-body {
    background: #DDDDDD;
    border-right: 2px solid #06a8dd;
    padding: 15px;
    position: relative;
}

#commentsbox .comment-body ol li {
    list-style: decimal inside none;
    padding: 5px 0 5px 20px;
}

#commentsbox .comment-body ul  li{
    list-style: square inside none;
    padding: 5px 0 5px 20px;
}

#commentsbox .commentlist li.comment {
    line-height: 19px;
    margin: 0 0 24px;
    padding: 5px 0 0 50px;
    position: relative;
    padding:5px 0 0 100px;
}

#comments .comment-body p:last-child {
    margin-bottom: 6px;
}

#commentsbox .comment-meta {
    border-bottom: 1px solid #FFFFFF;
    font-size: 12px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-shadow: none;
}

a.comment-reply-link {
    font-size: 12px;
    padding: 1px 5px;
    border-radius: 5px;        

}

.commentlist > li.bypostauthor {
}

#commentsbox .commentlist .children li {
    margin: 0;
}

#commentsbox .commentlist li:last-child {
    border-bottom: medium none;
    margin-bottom: 0;
}

#comment-form {
    background:#DDDDDD;
    border: 1px solid #EEEEEE;
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
}

#respond .required {
    font-weight: bold;
    position:absolute;
}

#comments-list #respond {
    margin: 0 0 18px 0;
}
#comments-list ul #respond {
    margin: 0;
}

#cancel-comment-reply-link {
    font-weight: normal;
    line-height: 18px;
}

#respond input {
    margin: 0 0 9px;
}

#respond textarea {
    width: 98%;
}

#respond .form-allowed-tags {
    font-size: 13px;
    line-height: 18px;
}
#respond .form-allowed-tags code {
    font-size: 11px;
}
#respond .form-submit {
    margin: 12px 0;
}
#respond .form-submit input {
    font-size: 14px;
    width: auto;
}


/*..... Others 
-------------------------------------------------- */

h2#client-text.post-title {
    opacity: 0.7;
    padding: 30px 0 0;
    text-align: center;
}

#client {
    display:table;
    display:block\9;
    margin: 20px auto;
}

#client img {
    margin: 0 13px;
    max-height: 100px;
    vertical-align: middle;
    width: 100px;
}

/* =Media Print
-------------------------------------------------------------- */
@media print {

    h1 {
        page-break-before:always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
        page-break-after:avoid;
    }

    ul,  ol,  dl {
        page-break-before:avoid;
    }
}

/* =Responsive Design
-------------------------------------------------------------- */
/*@media screen and (max-width: 800px) {

body, 
#container,
#top-menu-container,
#header,
#header-content,
#content-full,
.conwidth,
#footer,
#footer-sidebar,
#creditline,
#slide-container,
img.site-logo, h1.site-title
{
max-width: 100%;
min-width: 0;
}      

body {
padding: 0 5px;
}

#slide-container,
.conwidth,
#top-menu-container {

}

.featured-boxs {
background: #FFFFFF;
}

.featured-content1,
.featured-content2 {
width: 100%;
}

.featured-box,
#right-sidebar {
float: none;
margin: 0 auto;
max-width: 100%;
}

#design-main-menu ,
#content {
float: none;
width: 100%;
}

#footer-sidebar #footer-widgets,
#footer-sidebar #first-footer-widget {
width: 100%;
margin: 0 5px;
}

#client img {
margin: 5px;
max-height: 50px;
vertical-align: middle;
width: 50px;
}

.postmetadata,
.postmetadata:hover {
max-width: 70%;    
}

}     */

.search {                               
    background: transparent;
    border: 1px solid #d3d3d3;
    float: left;        
    padding: 17px 0;
    position: relative;
    width: 51.4%;
}      

.search div {
    margin: 0 auto;
    padding: 16px 0 10px;
    width: 96%;
}

#CompanyID {
    width: 100% !important;
}

button.ui-corner-all {
    width: 100% !important;
}

.search select, #container select {
    border: 1px solid #D3D3D3;
    border-radius: 3px 3px 3px 3px;
    font-family: Arial;
    padding: 5px 6px 7px 6px;
}

#content-full aside h3 {
    font-size: 13px;
    font-weight: bold;
}

#right-sidebar select {
    width: 220px;
}

.search p {
    float: left;
    font-size: 12px;
    font-style: normal;
    margin-bottom: 0 !important;
    margin-top: 5px;
    width: 100%;
}

.ulcategory {       
    position: absolute;
    top: -40px;
}
.ulcategory li {
    cursor: pointer;
    float: left;
    height: 29px;
    list-style: none outside none;
    margin-right: 5px;
}
.ulcategory li a {
    color: #C20014;
    display: block;
    line-height: 25px;
    padding: 0 10px;
}
.ulcategory li a:hover, .ulcategory li.cateactive a {
    color: black;
    display: block;
    font-size: 12px;
    font-weight: bold;
}
.ulcategory li:hover, .ulcategory li.cateactive {
    background: url("images/tab_current.png") no-repeat scroll center bottom transparent;
}

/* page show diem uu dai */
.tabledivFinal {
    clear: both;
    float: left;
    width: 100%;
}
.trth {
    background: url("images/bg_trth.jpg") repeat-x scroll 0 bottom #E5E5E5;
    clear: both;
    float: left;
    height: 36px;
    width: 100%;
}
.trcontent {
    clear: both;
    float: left;
    width: 100%;
}
.Fcol1, .Fcol2, .Fcol3, .Fcol4 {
    float: left;  
    text-align: center;  
    padding: 5px;
}
.Fcol1 {
    width: 51.3%;
    text-align: left !important;
}
.FBcol {
    clear: both;
    float: left;
    width: 100%;
}
.trth .Fcol1 {
    background: url("images/sback.png") repeat-x scroll 0 0 transparent;     
    color: white;
    font-weight: bold;
    line-height: 26px;
    text-align: left;
    text-indent: 10px;
    text-shadow: 0.1em 0.1em #333333;
    width: 42%;
    font-size: 18px !important;
}
.trth .Fcol2, .trth .Fcol3, .trth .Fcol4 {
    line-height: 23px;
    text-align: center;
}
.trcontent .Fcol1 {
    padding: 10px 5px 10px 0;
    width: 34%;
}
.Fcol2 {
    width: 14%;
    padding: 40px 0;
}
.Fcol3 {
    width: 16.7%;
    padding: 5px !important;
}
.Fcol4 {
    float: right;
    width: 14%;
}
.Fcol5 {
    float: right;
    width: 58%;
}
.Fcol52, .Fcol53, .Fcol54 {
    float: left;
    padding: 7px 0;
    text-align: center;
}
.Fcol52 {
    text-align: center;
    width: 29%;
}
.Fcol53 {
    width: 27%;
}
.Fcol54 {
    width: 47%;
}

.checkbox {
    background: url("checkbox.gif") no-repeat scroll 0 0 transparent;
    clear: left;
    cursor: default;
    float: left;
    height: 25px;
    margin: 0 0 3px;
    padding: 0 0 0 26px;
    text-align: left;
    width: 19px;
}
.checkbox input, .radio input {
    display: none;
}
.checkbox input.show, .radio input.show {
    display: inline;
} 
.itemlist {
    border-bottom: 1px solid #d3d3d3;
    clear: both;
    float: left;
    width: 100%;
    font-size: 12px;  
    min-height: 168px;     
    position: relative;
}
.itemlist img {
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    margin: 8px 5px 5px 0px !important;
    float: left;
    border: 1px solid #EFEFEF;
    padding: 3px;
}
.items .Fcol1 a {
    color: black;
}

.itemlist span.logobanktable {
    float: left;
    width: 100%;
}

.km {
    color: #C20014;
    font-size: 18px;
    font-weight: bold; 
    margin: 10px 0 5px;
}
.datekm {
    font-size: 12px;
}
.itemlist .FBcol p {
    margin: 0px;
}
.mota {
    float: left;
    padding-top: 6px;
    width: 61.4%;
}
.mota > div{
    float: left;
    clear: both;
}

.itemlist div.Fcol3,
.itemlist div.Fcol4 {
    padding: 20px 3px;  
}

.itemlist .mota h3  {
    font-size: 13px !important;
    font-weight: bold;
    margin-bottom: 6px;
}

#content div.list-view div.items {
    float: left;
    margin-bottom: 25px;
    width: 100%;
}
.promosDetail,.slide_image_cardiscount {                       
    float: left;           
    padding: 6px 10px;
    width: 620px;
    background-color:#fff;
    margin:10px 0 0;
}

.promosDetail div strong {
    font-size: 13px;
    color: #1C679C;
}

.promosDetail .imgPromos {
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    border: 1px solid #DDDDDD;           
    float: right;
    margin: 0 0 10px 10px !important;
    padding: 1px;
}

.promosDetail p {
    line-height: 25px;
    margin: 11px 0 0;
}

.items div.trth a:hover {
    color: #a5bfdd;
}

.view-all {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.view-all a:hover {
    color: #C20014;
}

.sort-promos {
    border-bottom: 1px solid #FFFFFF;
    box-shadow: 0 3px 6px -5px #989797;
    overflow: hidden;
    width: 100%;
}
.sort-promos p {
    float: right;   
    margin: 5px;    
    font-size: 12px;
}
.sort-promos p a {              
    border-right: 1px solid #DDDDDD;
    color: black;
    padding: 0 10px !important;
}

.sort-promos p a.sl {
    color: #e06f31 !important;
    text-decoration: underline;
}

/* --------------------- */
.list-view ul.list-cat {
    float: left;
    list-style: none outside none;
    width: 100%;
}

.list-view ul.list-cat li.cat {
    float: left;
    padding: 5px 15px;
    cursor: pointer;
    background: url("images/sback.png") repeat-x scroll 0 0 transparent;
    color: white;
}

.list-view ul.list-cat li.cat:hover {
    color: red;
}


/* LEFT BOTTOM CONTENT */
#left-bottom-content, #right-bottom-content {
    float: left;
    font-size: 11px !important;

}
#left-bottom-content {                    
    margin-right: 10px;
    width: 21%;  
}

#right-bottom-content ul li {
    padding-right: 1px;
    text-align: left;
    width: 33%;
}

#right-bottom-content {  
    width: 77.8%;
}

.bottom-content li { 
    float: left;
    line-height: 18px;
    list-style: none;      
    padding-bottom: 8px;
    width: 238px;
}

.bottom-content li a {
    color: #222222;
}

.bottom-content li:hover a {
    color: #0064d2;
}

.bottom-content h2 {                    
    font-size: 16px;
    padding: 5px 0;              
}

#footer-sidebar div#footer-widgets.widget aside#text-4.widget h3.widget-title {
    margin-left: -100px;
}

#footer-sidebar  ul li {
    font-size: 11px;
}


/* CONTENT PROMOS DETAIL */
.promosDetail ul li,.slide_image_cardiscount ul li {
    list-style: none;
}

.promosDetail ul li ul li {
    list-style: decimal;
}


.promosDetail ul li ul {
    margin-left: 35px;
}


/* SHARE SOCIAL NETWORK */
.sthoverbuttons-label {
    width: 30px;
}

/* PAGE NAVIGATION */
#page-navi {
    float: left;
    margin-top: 15px;
    text-align: right;
    width: 100%;
}

#page-navi .page a,
#page-navi .page-current {
    border: 1px solid #BFBFBF;
    border-radius: 3px 3px 3px 3px;
    color: #7A7A7A;
    margin: 2px;
    padding: 3px 10px;
    text-decoration: none;
}

#page-navi .page-current {
    background-color: #0064D2;
    color: #FFFFFF;
    font-weight: bold;
    border-color: #0064D2;
}

#page-navi .page a:hover {
    background-color: #0064D2;
    border-color: #0064D2;
    color: #FFFFFF;
}

/* PAGE MAP ATM */
.map-atm {
    float: left;
    width: 100%;
    margin-top: 10px;
} 

.titleboxhatang {
    background: none repeat scroll 0 0 #c20014;
    border-bottom: 1px dotted #0172AC;
    color: white;
    line-height: 18px;
    padding: 5px;
    text-indent: 2px;
    width: 97%;
    font-weight: bold;
}   

.infodata {
    float: left;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 5px;
    text-indent: 2px;
    width: 96%;
    position: relative;
}

.map-atm p {
    margin: 0;
}

img.banklogo {
    bottom: 0;
    position: absolute;
    right: 0;
}

#content-full aside h3 span {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    text-transform: capitalize;
}

/* HOME PAGE */
#promos_hot, .promos_new {
    margin: 0 auto;
    padding: 15px 5px 0 15px;
    width: 970px;
    min-width: 970px;
}
.wrapp_promotion .promos_new {
    width: 950px;
    padding: 15px 10px 0 0;
    min-width: 950px;
}
.wrap_even {
    background-color: #FCFCFC;
    float: left;
}
.wrap_odd {
    background-color: transparent;
}

.wrapp_promotion {
    float: left;         
    width: 100%; position: relative;
    min-width: 960px;
}                               

#promos_hot ul,
.promos_new ul {
    float: left;
    list-style: none outside none;
    padding: 0;
    width: 100%;
    margin-top: 5px;
}

#promos_hot ul li, 
.promos_new ul li {
    background-color: #fff;
    border: 1px solid #DDDDDD;
    float: left;
    margin-right: 10px;
    min-height: 240px;
    width: 220px;
    padding: 5px 5px 0 5px;
    position: relative;    
    -moz-box-shadow: 0 1px 4px #DDDDDD;
    -webkit-box-shadow: 0 1px 4px #DDDDDD;
    -o-box-shadow: 0 1px 4px #DDDDDD;
    -ms-box-shadow: 0 1px 4px #DDDDDD;
    box-shadow: 0 1px 4px #DDDDDD;
    margin-bottom: 10px;
}
.promos_new ul li {
    float: left;
    margin-left: 0;      
}
.item-first {
    float: left !important;
    margin-left: 0px !important; 
}
#promos_hot ul li p,
.promos_new ul li p {
    font-size: 11px;      
    margin: 0;
    padding: 0 3px;
    text-align: center;
    text-align: left;
    color: #666666;
}

#promos_hot ul li p.img_hot,
.promos_new ul li p.img_hot {
    background-color: #fff;    
    padding: 7px;
    position: relative;
    overflow: hidden;  
    margin-bottom: 8px;          

    border: 1px solid #ccc;    
    -moz-box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 4px #ccc;
    -o-box-shadow: 0 1px 4px #ccc;
    -ms-box-shadow: 0 1px 4px #ccc;
    box-shadow: 0 1px 4px #ccc;

}

#promos_hot ul li a  span.discount,
.promos_new ul li a  span.discount,
.promosDetail div .saleoff {
    background: url("images/discount.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 46px 12px;
    position: absolute;
    right: -9px;
    top: -2px;
    width: 33px;
    z-index: 9;
    text-align: center;
}

#promos_hot ul li a p.img_hot span.service,
.promos_new ul li a p.img_hot span.service {
    bottom: 0;
    color: #666666;
    display: block;
    left: 0;
    opacity: 0.8;
    padding: 0 6px;
    position: absolute;
    text-align: center;
    width: 100%;
}

#promos_hot ul li:hover p.img_hot,
.promos_new ul li:hover p.img_hot {  

    border: 1px solid #ccc;    
    -moz-box-shadow: 0 1px 4px #999;
    -webkit-box-shadow: 0 1px 4px #999;
    -o-box-shadow: 0 1px 4px #999;
    -ms-box-shadow: 0 1px 4px #999;
    box-shadow: 0 1px 4px #999;
}

#promos_hot ul li a p.place_name,
.promos_new ul li a p.place_name {
    line-height: 20px;
}
#promos_hot h3,
.promos_new h3,
.bottom-content h2 {
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    position: relative;
}
#promos_hot h3 span,
.promos_new h3 span {
    color: red;
}
.con-slide  {
    /*background-color: #FFFFFF;
    border: 1px solid #F0F0F0;
    border-radius: 3px 3px 3px 3px; */
    float: left;
    margin: 0 auto 5px;   
    width: 960px;
}

gcbd {
    margin: -6px auto 50px;
    overflow: hidden;
    position: relative;
    width: 960px;
    z-index: 1;
}
.sz1200 .gcbd {
    width: 1200px;
}
.gcrt {
    float: left;
    position: relative;
    right: 760px;
    z-index: 1;
}
.sz1200 .gcrt {
    right: 960px;
}
.gclr {
    float: left;
    margin-right: 5px;
    padding: 1px 1px 0;
    width: 21.4%;
    z-index: 1;
}
.sz1200 .gclr {
    left: 960px;
}
.gcmc {
    float: left;
    left: 770px;
    overflow: hidden;
    padding: 0 0 5px;
    position: relative;
    width: 760px;
}
.sz1200 .gcmc {
    left: 990px;
    width: 960px;
}
.gscn {
    font-size: 13px;
    list-style: none outside none;
    margin: 5px 0 0;
    padding: 15px 0 25px 10px;
    position: relative;
    /*width: 198px;    */
}
.gscn li.mttl {
    border-bottom: 0 none;
}
.gscn li.mttl > h2 {
    font-size: 16px;
    padding: 5px 0 10px;
    position: relative;
}
.gscn li.mttl i {
    float: left;
    left: auto;
    position: relative;
    top: auto;
}
.gscn li.mttl .gifb {
    background-position: -305px -385px;
    height: 15px;
    width: 16px;
}
.gscn li.mttl .girs {
    background-position: -327px -385px;
    height: 18px;
    width: 16px;
}
.gscn h2 {
    font-weight: bold;
    line-height: 16px;
    overflow: hidden;
    position: relative;
    margin: 0px;
}
.gsfo i {
    background-position: -274px -70px;
    height: 11px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 7px;
}
.gscn div {
    background-color: #FFFFFF;
    border-left: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    border-top: 1px solid #DDDDDD;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
    display: none;
    left: 190px;    
    position: absolute;
    top: -1px;
    white-space: nowrap;
    z-index: 99;
}
.gscn div.cl2 {
    width: 290px;
}
.gscn div.cl3 {
    width: 450px;
}
.gscn ul {
    margin: 0;   
    list-style: none;
}
ul.gscn.gsfo div ul a {
    border: 0 none;
    color: #555555;
    font-size: 12px;
    padding: 6px 0;
    text-decoration: none;
    white-space: pre-line;
    width: auto;
}
ul.gscn div ul a:hover {
    color: #C20014;                
}
ul.gscn li a:hover {
    color: #0654BA;
    background-color: none;
    text-decoration: underline;
}
ul.gscn li a, ul.gscn li .cnll {
    color: #0654b3;
    display: block;
    overflow: hidden;
    padding: 5px 0;
    position: relative;
    width: 175px;
}
ul.gscn.gsfo li a, ul.gscn.gsfo li .cnll {
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 8px 15px 6px 30px;
}

.gscl h2 {
    width: 192px;
    z-index: 2;
}
ul.gsfo {
    margin: 0;
    padding: 0;
    /*width: 200px;  */
    z-index: 99;
}

.gsfo li {                              
    /*border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid transparent;  */
}
.gsfo li.gscl {                          
    position: relative; 
    z-index: 1;                                    
    background-color:transparent;       
}

li.gscl h2 {
    background: none  !important;
    z-index: 99999;                 
}  
li.gscl:hover {
    background: none;   
    /*border: 1px solid transparent; */            
}  

ul li.unbound:hover {                        
    border: 1px solid #dddddd;   
    background: #ffffff !important; 
    border-right: 1px solid #ffffff !important;    
} 

.gscl h2 i {
    display: none;
}
.gsfo .gsfs {
    border-top: 1px solid transparent;    
    border-left: 1px solid #DDDDDD !important;
}

/*
li.gsfs.gscl {
border-top: 1px solid #DDDDDD;
}  */
.gscl h2 a {
    background-color: none;
}
.unbound h2.cnll {
    background-color: #FFFFFF;
}
.gscl .fofc {
    margin-left: 0;
}
li.gscl div {
    display: block;
}
.gscl div li {
    border-bottom: 0 none;
    display: block;
    position: relative;
}
.gscl h3 {
    border-bottom: 1px solid #DADADA;
    color: #555555;
    font-size: 13px;
    font-weight: bold;
    height: 22px;
    margin-bottom: 6px;
    padding-bottom: 2px;
}
.gscn .rmv {
    float: right;
    margin-top: 10px;
    padding-right: 10px;
}
.gscn .rmv a {
    display: inline;
    font-weight: 700;
    padding: 0;
    text-transform: capitalize;
}

.gspr {
    background-image: url("http://p.ebaystatic.com/aw/pics/cmp/ds3/sprds3_18.png") !important;
    display: block;
}

.soliloquy-caption-inside {
    display: none !important;
}

.soliloquy-control-paging {
    right: 12px !important;
}

#sthoverbuttons {
    bottom: 0px !important;
    top: auto !important;
}

.border {
    border-top: 1px solid #ddd;
    float: left;
    margin: 15px 0 8px 0;
    width: 100%;
}

ul.fofc li {
    border-bottom: 1px dashed #ddd; 
}
.bottom-content h2 { border-bottom: none !important;}

/* single page */
.single div#container,
.archive div#container,
.page div#container {
    margin: 0 auto;
    width: 960px;
}
#content div h2.post-title a:hover {
    color: #C20014;
}

.page-template-promotions-spot-php div#container {
    margin: 0 auto;
    width: 960px;
}

.sort-promos {
    float: right;
    text-align: right;
    width: 100%;
}

.page-template-promotions-detail-php #content-full {
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
    float: left;
    clear: both;
    width: 100%;
}

.page-template-promotions-detail-php #content-full h1,
h1.result_search {
    background: url("images/title_detail.jpg") repeat-x scroll left top transparent;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 8px;
}

h3.result_search {
    margin-bottom: 7px;
}

#sb_promos_detail {
    background-color: #FFFFFF;
    float: right;
    margin-top: 10px;
    padding: 10px 5px;
    width: 293px; 
}

#imgPromos {
    float: right;
    margin: 20px;
    position: relative;
}
.number_viewed{                                                                                             
    float: left;
    margin-right: -4px;
    text-align: right;
    width: 98%;                       
}
.number_viewed img,.number_photo img{                                                                                             
    border:none !important;
    box-shadow:none !important;
    margin:0 0 0 -10px !important;
    padding:0 !important;       
}
.number_viewed span{
    float: left;
    margin: 2px 0 0 3px;
    width:82%;
    text-align: left;
}
.number_photo img
{
    float:left;
    margin:3px 0 0 0px !important;
}
.number_photo span{
    float: left;
    margin: 1px 0 0 3px;
}
.itemlist .number_viewed{
    display:block;
    text-align: center;               
    width:  60%;
    color: gray;
    padding-left: 10px;    
}

.itemlist .number_photo {
    color: gray;
    float: left;
    width:32%;
}

#fbSEOComments {
    float: left;
}

.promos_related {
    float: right;
    width: 100%;
}

#sb_promos_detail div.promos_related h4 span {
    background-color: #17649A;         
    color: #FFFFFF;
    font-size: 13px;      
    padding: 5px; 
}
#sb_promos_detail h4.title-widget span {
    background-color: #17649A;         
    color: #FFFFFF;
    font-size: 13px;      
    padding: 5px; 
}
#sb_promos_detail div.promos_related h4
{
    border-bottom: 1px solid #17649A;
    float: left;
    font-weight: bold;
    margin-bottom: 16px;
    margin-top: 15px;
    padding-bottom: 2px;
    width: 100%;
}

#sb_promos_detail h4.title-widget {
    border-bottom: 1px solid #17649a;
    margin-bottom: 16px;
    padding-bottom: 2px;
    width: 93%;
}

.list-news li.title_provider_new h3  { background:none;width:90%;float:left; }
.list-news li.title_provider_new h3 a {
    color: #6B6B6B;
    float: left;
    font-size: 12px;
    font-weight: 700;
    margin: -1px 0 0 7px !important;
    width: 87%;
    font-weight: normal;
}    
.list-news li.title_provider_new h3 a:hover { color: #C20014; }

.promos-list {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

.promos_related div.wrap div.promos-list img {        
    -moz-box-shadow: 2px 2px 2px 0 #F2F2F2;
    -webkit-box-shadow: 2px 2px 2px 0 #F2F2F2;
    -o-box-shadow: 2px 2px 2px 0 #F2F2F2;
    -ms-box-shadow: 2px 2px 2px 0 #F2F2F2;
    box-shadow:2px 2px 2px 0 #F2F2F2;     
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;           
    float: left;
    height: 68px !important;
    margin: 0 5px 5px 4px !important;
    padding: 2px;
    width: 80px !important;
}

.promos_related div.wrap div.promos-list span.saleoff {
    color: yellow;
    font-size: 13px;
    font-weight: bold;
    left: 249px;
    position: absolute;
    top: -10px;
}
.promos_related div.wrap div.promos-list span.saleoffs {
    color: #D31132;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: -198px;
    top: -6px;
}
.promos_related div.promos-list div p {
    line-height: 18px;   
}

h5.promos-name a:hover {
    text-decoration: underline;
}
.promos_related .promos-list div p {      
    margin: 0;
    font-size: 12px;   
    text-align: left;
    width:89%;
    float:left;
}
.promos-name {          
    font-weight: bold;  
    color: #C20014;
    font-size: 12px;
    margin: 0 0 5px;
    width:78%;
    float:left;
}
.actionButtons {    
    height: 136px;
    overflow: hidden;
    position: absolute;
    width: 177px;
    top: 0; left: 0;
}

.gridHoverOverlay {
    background: none repeat scroll 0 0 #000000;
    display: block;
    height: 136px;
    position: absolute;
    top: 0;
    width: 177px;
}


.actionButtonsContainer {
    font-weight: bold;
    left: 0;
    position: absolute;
    text-align: center;
    top: 30%;
}
.list-card {
    color: white;
    font-weight: bold;
    position: absolute;
    width: 177px;
    text-shadow: -2px 3px 6px rgba(0 , 0 , 0, .73);
}

#CardID{
    width: 50px;
    height:  50px;
}

.header_text {
    background: url("../images/bg_titleItemAgent.gif") repeat scroll 0 0 transparent;
    clear: both;
    float: left;
    height: 29px;
    width: 100%;
    margin-top: 15px;
    text-align: right;
}

.header_text span {
    color: #666666;
    float: right;
    font-weight: bold;
    padding: 5px;     
}

.items { font-size: 13px; }
.read-mores, .mota p.view-detail a, .news a.img-list-promotions { 
    background: url("../images/icon_all.gif") no-repeat scroll 0px -4485px transparent;
    clear: both;
    float: left;
    color: #0064D2 !important;
    text-indent: 16px;
}
.news a.img-list-promotions {
    float: none;
    margin-left: 10px;
    padding-left: 18px !important;  
    background: url("../images/icon_all.gif") no-repeat scroll 0px -4487px  transparent;
}

a.read-mores:hover {
    text-decoration: underline;
}
.itemlist p { margin: 0;}

.itemlist ul li {
    display: block !important;
    list-style: decimal;
}

/*
.ac_results {
border: 1px solid #AAAAAA !important;
margin-left: 3px !important;
margin-top: 1px;
width: 636px !important;
border-top: none !important;
}   
.ac_results li {
padding: 8px 5px !important;
}
.ac_over {
background-color: #d3d3d3 !important;
color: black !important;
cursor: pointer !important;   
}
.ac_results ul {
max-height: 250px !important;
}
#result_cover {
float: left;
margin-top: 25px;
width: 100%;
}
*/


.dud_search #qrybox {
    background-color: #FFFFFF;
    border: 2px solid #206a9e;
    border-radius: 0px;
    box-shadow: none !important;
    color: #777777;
    font-family: Arial;
    font-size: 14px;
    margin: 0;
    outline: 0 none;
    padding: 7px 0 7px 9px;
    width: 54.5%; 
    float: right;
}

#qrybox:focus  {
    border: 2px solid #c20014;      
    transition: border 1s linear 0s, box-shadow 0.2s linear 0s;
}
#qrybox:focus span {
    background-color: #c20014;      
    transition: border 1s linear 0s, box-shadow 0.2s linear 0s;
}

#searchbox {
    /*background-color: #EBEBEB; */                   
    float: left;               
    padding: 12px 0 0 0px;   
    width: 100%;                  
    margin-bottom: 5px;
}


#searchbtn {
    background-color: #206A9E;
    color: white;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
    padding: 6px 14px;
    cursor: pointer; 
    display: block;
    float: right;
    height: 100%;
}

.provider_name {
    font-size: 16px !important;
    font-weight: bold;
    margin-bottom: 4px !important;
    max-height: 48px;
    min-height: 48px;
}

#container div#promos_hot ul li a p,
#container .promos_new ul li a p {
    color: black;
}

#creditline div p {
    color: #3E3E3E;
    line-height: 25px;
    margin: 0;
    padding: 0;
}

.promosDetail div h4 {
    float: left;
    font-weight: bold;
    margin: 10px 6px 6px;
    width: 378px;
}
.list_card {
    text-align: left;    
}

.list_card span:hover {
    color: #C20014;
}

p.long_name_card {
    text-align: left;
    padding: 5px;
    margin: 0px;
    font-weight: bold;
    font-size: 13px;
    width: 220px;
    font-family: Arial;
}
.Fcol3 .logobanktable {
    text-align: center !important;
    border: 3px solid #d3d3d3;
    border-radius: 4px
}
#total_promotion {
    left: 0;
    position: absolute;
    top: 8px;
}

div.list_card p {
    line-height: 18px;
    list-style: decimal outside none !important;
    padding-bottom: 6px;
}

div.list_card p:hover {
    color: #C20014;
}

.view_more {
    cursor: pointer;
    float: right;
    padding: 0 !important;
    background: url("../images/icon_all.gif") no-repeat scroll 0px -3254px transparent;
    line-height: 15px !important;
    font-size: 11px;
    color: black !important;
}
.showing {
    display: block !important;                                                         
}

.hidding {
    display: none !important;                                                          
}

.list-promos { position: relative; }
#key_search { color: #C20014;
    float: none;
width: 100%;}

.ac_match {
    color: red !important;
    text-decoration: none !important;
    font-weight: bold;
}

.ac_results {
    font-size: 12px;
}

#hp-left  ul li a span {
    color: #999;
}

#hp-left  ul li.active a {
    color: #0064D2;
    font-weight: bold;
}

li.cat_1 {
    background: url("../images/img_service/icon_menu_thoitrang.png") left center no-repeat;
}
li.cat_1:hover, li.cat_1.active  {
    background: url("../images/img_service/icon_menu_thoitrang_active.png") left center no-repeat;
}
li.cat_5 {
    background: url("../images/img_service/icon_menu_dulich.png") left center no-repeat;
}
li.cat_5:hover, li.cat_5.active {
    background: url("../images/img_service/icon_menu_dulich_active.png") left center no-repeat;
}
li.cat_4 {
    background: url("../images/img_service/icon_menu_amthuc.png") left center no-repeat;
}
li.cat_4:hover, li.cat_4.active {
    background: url("../images/img_service/icon_menu_amthuc_active.png") left center no-repeat;
}
li.cat_6 {
    background: url("../images/img_service/icon_menu_suckhoe.png") left center no-repeat;
}
li.cat_6:hover, li.cat_6.active {
    background: url("../images/img_service/icon_menu_suckhoe_active.png") left center no-repeat;
}
li.cat_2 {
    background: url("../images/img_service/icon_menu_muasam.png") left center no-repeat;
}
li.cat_2:hover, li.cat_2.active {
    background: url("../images/img_service/icon_menu_muasam_active.png") left center no-repeat;
}
li.cat_3 {
    background: url("../images/img_service/icon_menu_other.png") left center no-repeat;
}
li.cat_3:hover, li.cat_3.active {
    background: url("../images/img_service/icon_menu_other_active.png") left center no-repeat;
}
li.cat_7 {
    background: url("../images/img_service/icon_menu_composit.png") left center no-repeat;
}
li.cat_7:hover, li.cat_7.active {
    background: url("../images/img_service/icon_menu_composit_active.png") left center no-repeat;
}
li.cat_8 {
    background: url("../images/img_service/icon_menu_relax.png") left center no-repeat;
}
li.cat_8:hover, li.cat_8.active {
    background: url("../images/img_service/icon_menu_relax_active.png") left center no-repeat;
}

#imgPromos img {
    border: 1px solid #ccc;
    padding: 3px;
    background-color: #fff;
    -moz-box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 4px #ccc;
    -o-box-shadow: 0 1px 4px #ccc;
    -ms-box-shadow: 0 1px 4px #ccc;
    box-shadow: 0 1px 4px #ccc;
}

.wrapper_search {
    margin: 0 auto;       
    width: 960px;
    position: relative;
}
.dud_search {       
    /* margin-left: 226px;  */
    /*margin-left: 226px;
    position: relative;
    width: 51%;*/
    position: relative;
    width: 700px;
    text-align: right;
        
}
.title_category {
    border-bottom: medium none !important;
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    margin-top: -50px;
    padding: 7px 0;
}
.dud_search p {
    color: #555555;
    font-size: 12px;
    margin: 5px 0 0;
    font-style: italic;   
    display: block;
    clear: both; 
}
.ac_results {
    border: 1px solid #DDDDDD !important;
    margin-left: 4px !important;
    margin-top: 1px;
    /*width: 650px !important;  */     
}
.ac_results li {
    padding: 8px 5px !important;
    list-style: none !important;
}

.ac_results li p {            
    margin: 0  !important;
    padding: 0 !important;
}
.ac_over {
    background-color: #0064D2 !important;
    color: white !important;
    cursor: pointer !important;
}
.ac_results ul {
    max-height: 270px !important;
    margin: 0  !important;
    padding: 0 !important;
}
#result_cover {
    float: left;
    margin-top: 25px;
    width: 100%;
}

.ac_odd {
    background-color: #EEEEEE;
}

.Fcol1 a {
    float: left;
    position: relative;
    width: 166px;
}

.Fcol1 a span.exprired, #imgPromos span.exprired {
    background: url("images/promotion-expired.png") no-repeat scroll right top transparent;
    height: 133px;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 158px;
    z-index: 9999;
}

#imgPromos span.exprired {
    right: 2px;
    top: 2px;    
}

.cat_3 { border: none !important; }
/*=========Diem uu dai========='
Hantt
*/

#navbar{ float: left; width:  100%; margin-top: 15px;}
#navbar ul{ float: left;}
#navbar li{ float: left;}
#navbar li a{
    padding: 5px 10px ;
}
#navbar .inactive a{
    color: #222;
    text-shadow: 0 1px 1px white;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
    background: -moz-linear-gradient(top center, #eee, #ddd);
    -webkit-box-shadow: inset 0 0 5px white;
    -moz-box-shadow: inset 0 0 5px white;
    -webkit-box-shadow: inset 0 0 5px white;
    -moz-box-shadow: inset 0 0 5px white;
    border: 1px solid #ccc;   
    z-index: 1;
    margin-left: -1px;
    font-size: 13px;
    margin-top:  2px;
}
#navbar .active a{
    padding: 5px 15px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top center, #ffffff, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
    border: 1px solid #ddd;          
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: inset 0 0 1px #ffffff;  
    -moz-background-clip: padding-box;
    -moz-box-shadow: inset 0 0 1px #ffffff;   
    z-index: 2;
    color: #0064D2;  
    border-bottom: 1px solid #ffffff;     
}

.mota .label_strong{ float: left; font-weight: bold;}
#CompanyID option {
    padding: 5px 5px 0;
}
.link_detail_promotion {
    width: 100% !important;
    color: #0064D2 !important;
}                          

.itemlist a:hover {            
    text-decoration: underline;
}

h1.title span {
    color: #555555;
    float: right;
    font-size: 13px;
    font-weight: normal;   
    width: 146px;
}
#footer-sidebar .widget {
    margin-bottom: 0;
    width: 22% !important;
}
#footer #footer-sidebar .widget aside.widget_text {
    width: 100% !important;
}
nav select {
    display: none;
}

.promotion-hidden {
    display: none;
}

.footer-info {
    float: left;
    text-align: left;
    width: 65%;
}
.footer-other {
    float: right;
}

nav#design-main-menu select {
    float: right;
    margin-top: -30px;
    padding: 5px;
    width: 68%;
    margin-right: 5px;
}


#text-2 h3, #text-3 h3, #text-4 h3, #text-5 h3 {
    display: none !important;
}


/*
body {
overflow-x: hidden !important;
}
*/

.button-primary {
    background-color: #4CA3CD;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4CBFDD),to(#4CA3CD));
    background-image: -webkit-linear-gradient(top,#4CBFDD,#4CA3CD);
    background-image: -moz-linear-gradient(top,#4CBFDD,#4CA3CD);
    background-image: -ms-linear-gradient(top,#4CBFDD,#4CA3CD);
    background-image: -o-linear-gradient(top,#4CBFDD,#4CA3CD);
    background-image: linear-gradient(to bottom,#4CBFDD,#4CA3CD);
    border-color: #48B6E1 #48A8D1 #4895BB;         
    -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
    box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);

    font-size: 12px;
    line-height: 23px;
    height: 24px;
    margin: 0;
    padding: 7px 19px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    border-radius: 3px;
    white-space: nowrap;
}

.button-primary:hover {
    background-color: #4db8e4;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4dcdec),to(#4db8e4));
    background-image: -webkit-linear-gradient(top,#4dcdec,#4db8e4);
    background-image: -moz-linear-gradient(top,#4dcdec,#4db8e4);
    background-image: -ms-linear-gradient(top,#4dcdec,#4db8e4);
    background-image: -o-linear-gradient(top,#4dcdec,#4db8e4);
    background-image: linear-gradient(to bottom,#4dcdec,#4db8e4);
    border-color: #48B6E1 #48A8D1 #4895BB;       
}


.thumbnail img {
    width: 100px;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    margin: 5px 5px 5px 0px !important;
    float: left;
    border: 1px solid #EFEFEF;
    padding: 3px;
}

.social-share {
    float: left;
    width: 100%;
    margin: 10px auto;
    font-weight: bold;
    font-size: 13px;
}

.promos_new h3 a, #promos_hot h3 a {
    color: #206A9E;
    font-size: 12px;
    font-weight: normal;
    margin-left: 15px;
    text-decoration: underline;
    position: absolute;
    top: 8px;
}

.promos_new h3 a:hover, #promos_hot h3 a:hover {
    color: #0064D2;   
}
.provider_name a {
    color: #17649A;
}
.provider_name a:hover {
    color: #C20014;
}
.promos_new ul li a img,
#promos_hot ul li a img {
    border-bottom: 1px solid #FFFFFF;
}

a.link_underline {
    color: #e06f31;
}
a.link_underline:hover {
    text-decoration: underline !important;
}
.other-address {
    color: #DC540B;
    font-style: italic;
}
.button_continue {
    float: left;
    margin-bottom: 3px;
    padding: 5px;
    text-align: center;
    width: 99%;             
}

/* form opencard */
.help-steps { font-size:12px;font-family:inherit;float:left;margin-top: -6px; }
.buton-opencard:hover {
    text-decoration: none !important;    
    background-image: -webkit-gradient(linear,left top,left bottom,from(#C20014),to(#CF7014));
    background-image: -webkit-linear-gradient(top,#C20014,#CF7014);
    background-image: -moz-linear-gradient(top,#C20014,#CF7014);
    background-image: -ms-linear-gradient(top,#C20014,#CF7014);
    background-image: -o-linear-gradient(top,#C20014,#CF7014);
    background-image: linear-gradient(to bottom,#C20014,#CF7014);    
    border-color: #C20014;
}

.buton-opencard {
    background-color: #C20014 !important;      
    background-image: -webkit-gradient(linear,left top,left bottom,from(#CF7014),to(#C20014));
    background-image: -webkit-linear-gradient(top,#CF7014,#C20014);
    background-image: -moz-linear-gradient(top,#CF7014,#C20014);
    background-image: -ms-linear-gradient(top,#CF7014,#C20014);
    background-image: -o-linear-gradient(top,#CF7014,#C20014);
    background-image: linear-gradient(to bottom,#CF7014,#C20014);    
    border-color: #C20014;       
}


/*Form th?ng tin nh? cung c?p*/
.box_provider{ 
    width: 100% ;
    float:left; 
    margin: 10px 0 0;
}
.box_description { padding:10px 11px;float:left }
.content_provider {float: left;margin-top:10px }
.content_provider p {font-family: inherit;font-size:12px;font-weight: inherit;font-style: inherit;float:left;width:440px;margin: 0px 0 0 8px;}
.box_new {float:left;width:100%;}

.thumbnail {
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    margin: 5px 5px 5px 0px !important;
    float: left;
    border: 1px solid #EFEFEF;
    padding: 3px;
}
#hp-left { border-top: 2px solid #206A9E; }
.footer-right {float: left; width: 31%;}
.footer-right ul.follow-social {float: left; width: 100%; list-style: none;}
.footer-right ul.follow-social li {float: right;
    margin: 0;
padding: 0 18px;}
.menu-footer-menu-container {float: right; width: 100%;}
#menu-footer-menu {list-style: none outside none; width: 100%;}
#menu-footer-menu li { float: right; }
#menu-footer-menu li a { border-right: 1px solid;color: #222222;font-weight: normal;padding: 0 10px; }
#menu-footer-menu li a:hover { text-decoration: underline; }
#menu-item-4093 a {border-right: none !important;}
.hotline-support {   
    float: right;
    margin-top: -64px;
    position: relative;
    width: 230px;
}
.hotline-support p {float: left; margin: 0;}
.hotline-support p.p1 {width: 60%;}
.hotline-support p.p2 {width: 38%; font-size: 13px !important;  margin-top: 12px !important;}
.hotline-support span { float: left; text-align: center; padding: 5px;}
.hotline-support span.hotline { color: #E06F31;
    font-size: 18px;
    font-weight: bold;
    padding: 1px;
width: 100%;}
.currency { font-size: 17px;}
#list-support {
    width: 528px;
    border: #ddd solid 1px;
    height: auto;
    position: absolute;    
    background-color: #fff;                      
    font-size: 11px;     
    z-index: 110;                             
    top: 48px;
    right: 0;
    -moz-box-shadow: 0 1px 4px #DDDDDD;
    -webkit-box-shadow: 0 1px 4px #DDDDDD;
    -o-box-shadow: 0 1px 4px #DDDDDD;
    -ms-box-shadow: 0 1px 4px #DDDDDD;
    box-shadow: 0 1px 4px #DDDDDD;
}
.ssp-left{background:none repeat scroll 0 0 #F1F1F1;border-right:1px solid #CCC;float:left;padding-left:2%;padding-bottom:0px;width:45%}
.ssp-left ul {margin-top: 6px;}
.ssp-left ul li,.ssp-right ul li  { line-height: 20px;}
.ssp-right{background:none repeat scroll 0 0 #FFF;color:#666;float:right;position:relative;width:52%}
.ssp-showroom h4{background:url(images/ssp-showroom.png) no-repeat scroll left top transparent;padding:3px 0 5px 28px}
.ssp-buyer h4{background:url(images/ssp-buyer.png) no-repeat scroll left top transparent;padding:3px 0 5px 28px}
.ssp-advs h4{background:url(images/ssp-advs.png) no-repeat scroll left top transparent;padding:3px 0 5px 28px}
.ssp-general h4{background:url(images/ssp-general.png) no-repeat scroll left top transparent;padding:3px 0 5px 28px}
.sp-close {  position: absolute; right: 2px;top: 0;}
.ssp-right ul { padding: 25px 5px 0px 5px;}
.ssp-right strong {
    color: #FF5A00;
}
#list-support h4 {
    border-bottom: 1px solid #E1E1E1;
    color: #666;
    font-family: Arial;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
}
.img-card img {  
    /* height: 110px !important;
    width: 200px;*/
}

#overlay {
    background-color: #111111;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
#preloader {
    background: url("images/preloader.gif") no-repeat scroll 12px 10px #000000;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    height: 20px;
    left: 50%;
    line-height: 20px;
    margin: -20px 0 0 -45px;
    opacity: 0.8;
    padding: 10px;
    position: fixed;
    text-align: left;
    text-indent: 36px;
    text-shadow: none;
    top: 50%;    
    z-index: 1209;
}
#card_dt 
{
    z-index: 99999;
    display: none;
    position: absolute;
    width: 500px;   
}
.close-view-card { cursor: pointer;position: absolute; right: 10px; top: 12px;}




/* =Responsive Design
-------------------------------------------------------------- */
@media screen and (max-width: 1024px) {    
    /*
    body { min-width: 0;}


    .search {
    width: 51.5%;
    }
    .wrap_filter {
    margin: 0 auto;
    width: 92%;
    }

    nav select {
    display: none;
    }


    #card_dt {width: 90%;}

    #feature_post, body {   
    margin: 0 auto;      
    }  
    #feature_post{      
    width: 960px;     
    }

    #container {
    width: 99% !important;
    padding-left: 0px !important;
    }

    #right-sidebar {
    width: 32%;
    }
    #right-sidebar .widget, #content-full .widget {
    width: 88%;
    }

    #content {
    width: 63.5%;
    }


    #left-bottom-content {
    width: 22%;
    }

    #right-bottom-content ul li {
    padding-right: 2px;
    width: 33%;
    }

    .bottom-content li {
    width: auto;
    }

    #right-bottom-content {
    width: 76.5%;
    }

    #footer {                    
    width: 100%;
    min-width: auto;
    }

    #footer-sidebar .widget, 
    #footer-sidebar .widget li, 
    #footer-sidebar .widget a, 
    #footer-sidebar .widget a:hover, 
    #footer-sidebar .widget h3, 
    #footer-sidebar .widget h1, 
    #footer-sidebar .widget h2, 
    #footer-sidebar .widget h4 {
    color: orange;        
    } 
    .soliloquy-container {
    max-width: none !important;
    }   */
}

/*====================================================*/   
@media screen and (max-width: 900px) {                         /*
    #promos_hot ul li, .promos_new ul li {
    width: 17.6%;
    }
    #design-main-menu {
    width: 74.3%;
    }
    .soliloquy-container .soliloquy .soliloquy-slides img {      
    width: 100% !important;
    }
    #design-main-menu a {
    font-size: 12px;
    padding: 5px;
    }

    .home #container {
    width: 98% !important;
    }

    #slide-container {
    width: auto;
    }  

    #ProvinceID {
    width: 50% !important;
    }

    #ServiceID {
    width: 49% !important;
    }
    #footer {                  
    width: 100%;
    }
    #footer-sidebar .widget, #footer-sidebar .widget li, #footer-sidebar .widget a, #footer-sidebar .widget a:hover, #footer-sidebar .widget h3, #footer-sidebar .widget h1, #footer-sidebar .widget h2, #footer-sidebar .widget h4 {
    color: red;          
    }
    #promos_hot ul, .promos_new ul {
    width: 99.3%;
    }
    #promos_hot ul li, .promos_new ul li {    
    /*margin-left: 20px;  */
}
/*
#right-sidebar .widget, #content-full .widget {
width: 86%;
}
#right-sidebar {
width: 31%;
}
#content {
width: 63.5%;
}
#feature_post{      
width: 99.7%; 
margin-top: 15px;   
}

#qrybox {
width: 100%
}

.dud_search {
float: none;
}
.dud_search p {
color: #9A9A9A;     
}
.wrapper_search {  
margin: 0 auto;
width: 94.5% !important;
}

#searchbtn {
right: -9px;
}
#searchbox {
margin: 0px;
padding: 0 0 8px;
} 

/*seach box*/        /*
#searchbox {
background: none;
border: none;
}
.search {
width: 76.3%;
}                   

#CompanyID {
width: 100% !important;
}
#ProvinceID, #ServiceID {
margin-top: 10px;
}
#btnSearch {
bottom: 37px;
position: absolute;
right: 26px;
}

.button-primary {
padding: 3px 19px !important;
}

.wrap_filter p {
display: none;
}
button.ui-corner-all {
float: left;
margin-right: 5px;
width: 100% !important;
}      

/*navigation*/     /*
nav select {
display: none;
}    */
}

/*====================================================*/       
@media screen and (max-width: 768px) {                            /*
    #promos_hot ul li, .promos_new ul li {
    float: left;  
    margin-left: 0px;
    margin-right: 15.3px;
    }     

    .promotion-hidden {
    display: block;
    } 
    .item-first {
    float: left !important;  
    margin-left: 0px !important;          
    }

    #promos_hot ul li, .promos_new ul li {
    width: 22.3%;
    }
    #header-content {
    float: left;     
    width: 100%;
    } 
    #design-main-menu {
    display: block;
    float: left;           
    min-height: 42px;
    margin-bottom: 0px !important; 
    width: 100%;
    }

    nav#design-main-menu select {
    float: right;
    margin: 22px 8px 16px 0;
    padding: 5px;
    width: 96%;
    }

    #right-bottom-content ul li {
    padding-right: 20px;
    width: 41.5%;
    }                   

    #footer-sidebar .widget, #footer-sidebar .widget li, #footer-sidebar .widget a, #footer-sidebar .widget a:hover, #footer-sidebar .widget h3, #footer-sidebar .widget h1, #footer-sidebar .widget h2, #footer-sidebar .widget h4 {
    color: yellow;             
    }

    #navbar {
    margin-top: 10px;
    }

    #navbar li a {
    padding: 5px 10px !important;
    }

    #feature_post {      
    width: 99.4%;    
    }
    .logo {
    width: 100%;  
    float: left;
    text-align: center;  
    }

    .box_select_search {
    left: -4px;         
    position: absolute;
    top: 40px;
    }
    .gclr {
    width: 28%;
    }
    .search {
    width: 70%;
    padding: 46px 0;
    }
    img.site-logo, h1.site-title {
    display: inline;
    float: none;
    max-height: 54px;  
    margin-top: -12px;
    }
    #ProvinceID {
    width: 49% !important;
    }
    #btnSearch { 
    bottom: 25px;
    position: absolute;    
    right: 20px;
    }

    #slide-container, .conwidth, #top-menu-container {
    display: block;
    } 

    #content {
    width: 93%;
    }

    #right-sidebar {
    width: 100%;
    float: left;
    margin-top: 10px;
    }
    #right-sidebar .widget, #content-full .widget {
    width: 94%;
    float: left;
    }

    /*seach box*/       /*
    #searchbox {
    background: none;
    border: none;
    } 

    /*navigation*/  /*
    nav select {
    display: block;
    }
    nav div.menu-menu-top-container {
    display: none;
    }

    .bottom-content h2 {
    text-align: center;
    }

    .footer-info {    
    width: 99%; 
    text-align: center;
    }
    .footer-other {
    float: none;
    width: 100%;
    text-align: center;
    }

    #content-full #list-promos {
    width: 97.6%;
    padding: 5px !important;
    }
    .Fcol1 a.img-list-promotions {
    width: 30% ;
    margin-right: 13px !important;
    }
    .itemlist .number_viewed {
    width: 100%;
    }

    .Fcol1 .view-detail .img-list-promotions {
    width: 100% !important;
    }    */
}

/*====================================================*/   
@media screen and (max-width: 600px) {                      /*

    #promos_hot ul li, .promos_new ul li {
    width: 29%;
    float: left;  
    margin-left: 0px;
    margin-right: 15.3px;
    }    
    .item-first {
    float: left !important;  
    margin-left: 0px !important;          
    }
    #right-bottom-content ul li {          
    width: 41.5%;
    }

    nav#design-main-menu select {      
    margin-top: 22px;    
    width: 96.5%;
    }

    .search {
    display: none;
    }
    .gclr {
    width: 98.4%;
    }

    ul.gscn li a, ul.gscn li .cnll {
    width: 88%;
    }

    #footer-sidebar #footer-widgets {
    margin-left: 0px !important;
    }

    #footer-sidebar .widget, #footer-sidebar .widget li, #footer-sidebar .widget a, #footer-sidebar .widget a:hover, #footer-sidebar .widget h3, #footer-sidebar .widget h1, #footer-sidebar .widget h2, #footer-sidebar .widget h4 {
    color: gray;             
    }
    #footer-sidebar #footer-widgets, #footer-sidebar #first-footer-widget {
    width: 47% !important;
    }     

    #left-bottom-content, #right-bottom-content, .bottom-content li, #right-bottom-content ul li {
    width: 95%;
    }

    .bottom-content h2 {
    text-align: left;
    }

    #feature_post {      
    width: 99.5%;    
    }   
    #slide-container, .conwidth, #top-menu-container {
    display: block;
    }

    #footer-sidebar {
    position: relative;
    }
    #footer-sidebar div#footer-widgets.widget aside#text-4.widget h3.widget-title {      
    position: absolute;
    top: 20px;
    margin-left: 0;
    }

    .footer-info {    
    width: 99%; 
    text-align: center;
    }




    /*seach box*/            /*
    #searchbox {
    background: none;
    border: none;
    }

    /*navigation*/        /*
    nav select {
    display: block;
    }

    nav ul li {
    display: none;
    }
    */
}



/*====================================================*/
@media screen and (max-width: 480px) {     /*

    #header-content {
    width: 100%;
    }
    #header-content a {

    }
    #design-main-menu {   
    width: 100% !important;
    }
    nav#design-main-menu select {   
    width: 96%;
    }
    #left-bottom-content, #right-bottom-content, .bottom-content li, #right-bottom-content ul li {
    width: 95%;
    }

    #promos_hot ul li, .promos_new ul li {
    width: 29%;
    }

    #footer-sidebar #footer-widgets, #footer-sidebar #first-footer-widget {
    width: 100% !important;
    }
    .bottom-content h2 {
    text-align: left;
    }

    #footer-sidebar .widget, #footer-sidebar .widget li, #footer-sidebar .widget a, #footer-sidebar .widget a:hover, #footer-sidebar .widget h3, #footer-sidebar .widget h1, #footer-sidebar .widget h2, #footer-sidebar .widget h4 {
    color: green;            
    }               
    #feature_post {      
    width: 98.5%;    
    }
    #slide-container, .conwidth, #top-menu-container {
    display: block;
    }

    #promos_hot ul li, .promos_new ul li {
    float: left;     
    }

    .item-first {
    float: left !important;
    margin-left: inherit !important;
    }



    /*seach box*/         /*
    #searchbox {
    background: none;
    border: none;
    }

    /*navigation*/          /*
    nav select {
    display: block;
    }
    nav ul li {
    display: none;
    }
    .footer-info {    
    width: 99%; 
    text-align: center;
    } */
}

/*====================================================*/
@media screen and (max-width: 320px) {   /* 

    #footer-sidebar .widget, #footer-sidebar .widget li, #footer-sidebar .widget a, #footer-sidebar .widget a:hover, #footer-sidebar .widget h3, #footer-sidebar .widget h1, #footer-sidebar .widget h2, #footer-sidebar .widget h4 {
    color: blue;          
    }  


    .conwidth, #top-menu-container, #feature_post {
    display: none !important;
    }
    #left-bottom-content, #right-bottom-content, .bottom-content li, #right-bottom-content ul li {
    width: 90%;
    }
    #promos_hot ul li, .promos_new ul li {
    width: 44%;
    }

    #promos_hot ul li, .promos_new ul li {
    float: left;     
    }


    /*seach box*/   /*
    #searchbox {
    background: none;
    border: none;
    }
    /*navigation*/  /*
    nav select {
    display: block;
    }
    nav ul li {
    display: none;
    }
    .footer-info {    
    width: 99%; 
    text-align: center;
    }   
    .item-first {
    float: left !important;
    margin-left: inherit !important;
    } */

}

.image_news { float: left; width: 20%; margin-right: 10px;}
.button {
    background: none repeat scroll 0 0 #E06F31;
    color: #FFF;
    font-size: 12.5px;
    font-weight: 700;
    border-radius: 6px 6px 6px 6px;
    margin: 30px 0 0;
    padding: 8px 10px;
    border: none;
    cursor: pointer;
}


.info_cardbank {
    background-color: #FFFFFF;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 2px 0px #F2F2F2;
    float: left;
    margin: 15px 0 0 15px;
    width: 120px;
    text-align: center;                                                      
} 

.box_hover_bank{
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 2px 2px 2px 0 #F2F2F2;
    float: left;
    height: 260px !important;
    text-align: center;
    width: 200px;
    position: absolute;
    z-index: 1;
    display: none;
}
.big_card{
    display: none;
}                
.info_cardbank > a
{
    float:left;
    width:100%;
    margin:6px 0;
}


.namecard {
    color: #2970A2;
    float: left;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px !important;
    margin: 0;
    padding: 5px 2px;
    width: 100%;
}

.info_cardbank a span
{
    background:none repeat scroll 0 0 #E06F31;
    color:#FFF;
    font-size:12.5px;
    font-weight:700;
    width:70%;
    margin:0 0 0 5px;
    padding:5px 8px;
    border-radius: 4px 4px 4px 4px;
}

.info
{
    border:1px solid #E3E3E3;
    float:left;
    width:93%;
    margin:15px 0 0 7px;
}

.info > div > p
{
    border-bottom:1px dotted #B8B8B8;
    font-size:11.5px;
    padding-right:2px;
}

.info div
{
    border:1px solid #E3E3E3;
    float:left;
    width:32.4%;
}

.laisuat div,.thunhap div,.hanmuc div
{
    font-size:11.5px;
    font-weight:700;
    margin-top:10px;
    min-height:32px;
    text-align:center;
    width:100%;
    border:none;
} 

.info_cardbank table
{
    border:1px solid #ddd;
    border-collapse:collapse;
    float:left;
    width:100%;
    border-left:medium none;
    border-right:medium none;
    margin:7px auto;              
    min-width: 196px !important;
}

.info_cardbank table thead tr td
{
    font-size:12px;
    width: 35%;
}

.info_cardbank table tr td
{
    border:1px solid #ddd;
    text-align:center;
}

.info_cardbank table tbody tr td
{
    border:1px solid #ddd;
    text-align:center;
    font-weight:700;
    color:#17649A;
    font-size:12px;
    padding: 5px 3px;
}

.detail_card
{
    width:98%;
    border:1px solid #FFF;
    float:left;
}

.title_namecard
{
    position:relative;
    background:#fff url("images/img_backgroundCarddetail.png") left bottom repeat-x;
    height:40px;
    text-align:left;
}

.title_namecard > p
{
    color:#000;
    font-size:12.5px;
    font-weight:700;
    width:98.2%;
    padding:9.5px 0 0 12px;
}

.title_namecard > p > span
{
    color:green;
}

.desciption_card
{
    position:relative;
    width:100%;
    background:#fff url("images/img_backgroundDescriptcard.png") left bottom repeat-x;
    float:left;
}

.image_card
{
    float:left;
    min-height:500px;
    text-align:center;
    width:30%;
    padding:15px;
}

.image_card > img
{
    margin-bottom:15px;
}

.register-opencard
{
    background:none repeat scroll 0 0 #E06F31;
    color:#FFF;
    font-size:12.5px;
    font-weight:700;
    border-radius:6px 6px 6px 6px;
    margin:30px 0 0;
    padding:8px 10px;
}

.mota_card
{
    width:66.5%;
    float:left;
    font-family:inherit;
    text-align:left;
}

.dk_card > h3,.object_card > h3
{
    color:#333;
    font-size:16px;
    font-weight:700;
    margin:15px 0 0 14px;
}

.dk_card > p,.object_card > p
{
    font-size:13px;
}

.gachduoi
{
    font-size:17px;
    margin:-10px 0 5px;
}

.bottom-promos {
    background-color: #F1F1F1;
    border: 1px solid #FFFFFF;
    margin-left: -5px;
    margin-top: 5px;
    padding: 2px;
    position: relative;
    width: 101.8%;
}
.border-bottom {
    border-bottom: 1px solid #F1F1F1;
    float: left;
    width: 105%; 
    margin-left: -5px;
}

.button-readmore {
    background-color: #DD0705;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FD6F4F),to(#DD0705));
    background-image: -webkit-linear-gradient(top,#FD6F4F,#DD0705);
    background-image: -moz-linear-gradient(top,#FD6F4F,#DD0705);
    background-image: -ms-linear-gradient(top,#FD6F4F,#DD0705);
    background-image: -o-linear-gradient(top,#FD6F4F,#DD0705);
    background-image: linear-gradient(to bottom,#FD6F4F,#DD0705);
    border-color: #d1260f;                                    
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);

    font-size: 12px;
    line-height: 23px;
    height: 24px;
    margin: 0;
    padding: 7px 19px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -webkit-appearance: none;
    border-radius: 3px;
    white-space: nowrap;
}

#header ul.primary {
    background: url("images/icon-bottom.png") no-repeat scroll 85px 59px transparent;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 6px 0 13px;
    width: 52%;         
}

#header ul.primary li {
    background: url("images/icon-list-primary.png") no-repeat scroll left center transparent;
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding-left: 19px;
    line-height: 24px;
    text-align:left;
}
.steps {
    float: right;
    list-style: none outside none;
    margin: 5px 0 0;
    padding: 0;
    width: 75%;            
}
.steps li {
    color: #17649A;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    width: 25%; 
    position: relative;
    cursor: default !important; 
    text-align: left; 
}                  
.steps li p {
    float: left;
    height: 35px;
    width: 40px;
}
.steps .step1 {
    background: url("images/promotion-icon.png") no-repeat scroll 4px 6px transparent;
}
.steps .step2 {
    background: url("images/promotion-icon.png") no-repeat scroll 4px -25px transparent;
}
.steps .step3 {
    background: url("images/promotion-icon.png") no-repeat scroll 4px -56px transparent;
}
.steps .step4 {
    background: url("images/promotion-icon.png") no-repeat scroll 16px  -89px transparent;
}

/*
.steps li ul.step-tooltip {
background-color: #ffffcc;
border: 1px solid #DDDDDD;
display: none;  
border-radius: 4px;
position: absolute;    
top: 36px;
left: 0;      
width: 300px;
z-index: 10000;
padding: 10px 15px ;
}

.steps li:hover ul.step-tooltip {
display: block;     
}

.steps li ul.step-tooltip li {
float: left;
width: 100%;
font-weight: normal;
font-size: 12px;
color: black;
list-style: none;
line-height: 22px;
}

.steps li ul.last-list {
right: 0;
left: auto !important;
}
*/

.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}

.line_border{
    width: 2px; float:left; background:url(images/line_border.png) ; height: 59px;
}
.nhan {
    font-weight: bold;
    color: black;
}
.open-card {
    float:right;
    border:1px solid #17649A;
    width: 278px;
    height: 278px;
    margin: 0 auto;
    background-color: #F8F8F8; 
} 
.gecko .open-card {
    height: 272px;
}
.home .open-card 
{    
    width: 245px;    
}
.single .open-card, .archive .open-card, .page .open-card {
    margin-bottom: 15px;
    background-color: #ffffce;
}

.chrome .open-card, .ie .open-card {
    height: 267px ;
}   
.title-opencard
{
    float: left;
    font-family: inherit;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #17649A;
    margin: 0;
    background-color: #ffffff;
    padding: 6px 0 4px;
}
.title-opencard span
{
    float: left;
    margin: 7px;
    width: 64%;
    font-size: 13px;
}
.title-opencard img
{
    float: left;
    margin: 4px 0 0;
}
.ul_step
{
    width: 100%;
    float:left;
    padding: 0;
    margin: 8px 0 12px;
}
.ul_step > li {
    color: #17649A;
    font-size: 12px;
    list-style: none outside none;
    padding-left: 28px;
    margin: 10px;
}
.buttons
{
    width: 100%;
    float:left;
    margin-bottom: 10px;
}
.btn-huongdan
{
    float: left;
    padding: 5px 10px;
    text-decoration: underline;
    width: 34%;
    color:#757575;
}

.btn-huongdan:hover
{
    text-decoration: none;
    color:#17649A;
}
.btn-dangky
{
    background-color: #E06F31;
    color: white;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    width: 47%;
}
.ul_step > li 
{
    background: url("images/img-2.png") left center no-repeat;
}

.bold {
    font-weight: bold;
}

.red {
    color: #C20014;
}

#opencard-button {
    background: url("images/pattern.png") repeat scroll 0 0 #206a9e;
    border-radius: 0 0 0 3px;
    padding: 5px;
    position: fixed;    
    width: 200px;
    z-index: 9999999;
    display: none; 
}

#changer {
    background: url("images/pattern.png") repeat scroll 0 0 #206a9e;
    border-radius: 0 0 0 3px;
    padding: 5px;
    position: fixed;    
    width: 200px;
    z-index: 9999999;
    display: none;
}


#changer div.colorChange {
    float: left;
    width: 200px;
}

#changer div.colorChange ul {
    list-style: none;
    margin: 10px 0 0 5px;
    padding: 0;
}
#changer div.colorChange ul li {
    float: left;
    margin: 0 5px 5px 0;
    padding-bottom: 8px;
    width: 100%;
}

#changer div.colorChange ul li a img {
    float: left;
    padding: 0 6px 0 0;
    vertical-align: middle;
}

#changer div.colorChange ul li a span {
    color: wheat;
    float: left;
    padding-top: 3px;
    font-size: 12px;
}
.showSettings {
    font-size: 12px;
    line-height: 8px;
}

.main_center_left ul {   
    float: left;
    font-size: 13px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.img-card-av {        
    -moz-box-shadow: 0 1px 4px #DDDDDD;
    -webkit-box-shadow: 0 1px 4px #DDDDDD;
    -o-box-shadow: 0 1px 4px #DDDDDD;
    -ms-box-shadow: 0 1px 4px #DDDDDD;
    box-shadow: 0 1px 4px #DDDDDD;   
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;          
    float: left;
    margin: 10px 0 10px 8px;
    padding: 2px;
    width: 90%;
    line-height: 0;
}

#formRegMail {
    background-color: #FFF7CB;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    height: 43px;
    margin-top: -43px;
}
#formRegMail .regContent {
    background-color: #FFF7CB;
    border-top: medium none;
    height: 40px;
    margin: 0 auto;
    position: relative;
    width: 960px;
}
#formRegMail .regContent .text {
    background: url("images/iconSubcribe.png") no-repeat scroll 0 0 transparent;
    color: #000000;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-left: 90px;
    padding-left: 55px;
}
#formRegMail .regContent .leftBorderReg, #formRegMail .regContent .rightBorderReg {
    background: url("images/borderRegMail.png") no-repeat scroll left top transparent;
    bottom: -1px;
    height: 5px;
    left: -1px;
    overflow: hidden;
    position: absolute;
    width: 5px;
}
#formRegMail .regContent .rightBorderReg {
    background-position: right top;
    left: auto;
    right: -1px;       
}

.headerWidth {
    margin: 0 auto;
    width: 997px;
}
.headerLogo {
    background: url("images/header/dotter.png") no-repeat scroll 0 top transparent;
    height: 96px;
    overflow: hidden;
    width: 227px;
}
.bgSubscribeEmail {
    margin-left: 10px;
    margin-top: 8px;
}
.bgSubscribeEmail input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C8C8C8;
    border-radius: 3px 3px 3px 3px;
    color: #A0A0A0;
    font-family: arial;
    font-size: 12px;
    height: 21px;
    line-height: 20px;
    margin: 0;
    padding: 3px 5px;
    width: 218px;
}
.bt_send_email {
    background: url("images/bt_reg_emailV6.png") no-repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    height: 29px;
    margin-left: 7px;
    margin-top: 8px;
    text-decoration: none;
    width: 89px;
}
.bt_send_email:hover {
    background: url("images/bt_reg_emailV6.png") no-repeat scroll left -29px transparent;
    float: left;
    height: 29px;
    width: 89px;
}
.bt_hide_email {    
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    right: 5px;
    top: 12px;    
}
.bt_hide_email:hover {
    color: #02639D;
}
.float_left, .fl, .fL, #fl {
    float: left;
}
.register_email_newsletter {
    background: url("images/26_mail.png") no-repeat scroll left center transparent;
    color: #17649A;
    cursor: pointer;
    font-size: 13px;
    padding-left: 30px;
    position: absolute;
    right: 23px;
    top: 24px;
}

#profile {
    position: absolute;
    top: 128px;
    z-index: 10000;
    width: 22%;
}

#profile ul {
    float: left;
    list-style: none outside none;
    margin-top: 15px;
}

#profile ul li {
    float: left; 
}
#profile ul li a {
    font-size: 13px;
    font-weight: bold;
    padding: 0 15px;
}

#profile div.links img.avatar {
    background-color: #FFFFFF;
    border: 1px solid #F1F1F1;
    float: left;
    padding: 2px;
    margin-right: 5px;
}
#profile div.links p {
    margin: 0;
    font-size: 13px;
    padding: 6px 0 0 0;
}
#content-full{     
    clear: both;
    float: left;
    width: 100%;
}
.content-promotions {
    /* background-color: #FFFFFF;
    border: 1px solid #DDDDDD;      
    */
}
h1.result_search{
    background: url("images/title_detail.jpg") repeat-x scroll left top transparent;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 8px;
}
.view_mores {
    float: right !important;
    font-size: 12px !important;
    width: 21% !important;
    margin: 0 !important;
    height: 30px !important;  
    position: absolute;
    right: 0;
    bottom: 0;
}
.view_mores span
{
    color:#fff;
    padding-left:45px;
    margin:4px 0 0;
    position: absolute;
}
.view_mores span:hover
{
    color:yellow;

}

.view-continues {
    padding: 1px !important; position: relative;min-height: 345px !important; width: 228px; overflow: hidden;
}
.view-continues .link-image {
    background: url("images/viewContinue.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    height: 100px;
    padding: 26px 0 0;
    position: absolute;
    right: -20px;
    top: 114px;
    width: 273px;
    z-index: 999;
}

.view-continues .link-image:hover {
    background-position: 0 -126px;
    cursor: pointer;
    text-decoration: none;   
}

.view-continues img {
    width: 108px;
    height: 172px;
    float: left;  
}

.text-continue {
    font-size: 42px;
    font-weight: bold;
    margin-left: 48px;
}
.text-total-promotionsv {
    float: left;
    margin-top: -8px;
    text-align: center;
    width: 100%;
}
.invisible {        
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1); 
    cursor: default; 
    margin: 1px;  
}

/* show timer event like */
#frmthoigian {
    position: fixed;left: 10px;bottom: 10px; z-index: 9999999; background-color: #206A9E; padding: 6px 14px; color: white;
}

#frmthoigian input {
    border: none; background: none; width: 240px; color: white;
}
/*Style Chi tiet diem uu dai version khong biet*/
.card_for_carddiscount
{
    width:31.5%;
    float:left;
    margin:9px 0 0 16px;
    background-color:#fff;
}
.title_card_for_carddiscount {
    float: left;
    width: 100%;
    border-bottom: 1px solid #c3c3c3;
}
.title_card_for_carddiscount p {
    font-size: 13px;
    margin: 10px 16px;
    width: 89%;
}
.title_card_for_carddiscount span {
    background: url("images/btn_carddiscount.png") no-repeat;
    color: #2970A2;
    float: left;
    font-size: 12px;
    height: 28px;
    width: 153px;
    margin: 8px 0 12px 75px;
}
.title_card_for_carddiscount span strong {
    padding: 2px 0 0 29px;
    position: absolute;
}
.title_card_for_carddiscount span:hover {
    color: #D31132;
}
.list_card
{
    width:100%;
    float:left;
}
#list_card > p {
    float: left;
    margin: 10px 0 0 20px;
    width: 83%;
    font-size:13px;
}
.button_dk_call
{
    float:left;
    width:100%;
}
.button_dk_call p
{
    background: #E25000 url("images/btn_carddiscount_2.png") no-repeat ;
    float: left;
    font-size: 12px;
    height: 43px;
    width: 175px;
    margin: 0 0 12px 66px;
    color:#fff;
}
.button_dk_call p strong
{
    float: left;
    font-size: 13px;
    padding: 2px 0 0 55px;
}

.button_dk_call p span {
    float: left;
    font-size: 11px;
    margin: -5px 0 0 71px;
}

.button_dk_call span {
    float: left;
    font-size: 12px;
    margin: -2.5px 0 6px 63px;
}
.cooperative_banks p {
    border-bottom: 2px solid #DDDDDD;
    float: left;
    margin-bottom: 0;
    width: 100%;
}
.bgr_bottom
{
    background: url("images/brg_bottom_new_provider.png") no-repeat scroll left center transparent; 
    width:265px;
    height: 5px;
    float:left;
    margin:5px 0 15px 6px !important;
}

.saleoff2 {
    background: url("images/icon_gift.png") no-repeat scroll -11px top transparent !important;
    float: right !important;
    height: 90px !important;
    margin: -8px -8px 0 10px !important;
    padding: 0 !important;
    width: 86px !important;
}

.saleoff1 {
    background: url("images/bg_saleoff.png") no-repeat scroll 1px 5px / 86px 86px transparent !important;
    float: right !important;
    height: 90px !important;
    margin: -8px -8px 0 10px !important;
    padding: 0 !important;
    width: 86px !important;
    position: relative;
}
.saleoff1 strong {
    color: white;
    font-size: 22px;
    left: 0;
    padding: 0 !important;
    position: absolute;
    text-align: center;
    top: 34px;
    width: 100%;
}
.showdetail_card
{
    width: 252px !important;
    height: 272px !important ;
}
.showdetail_card img
{
    width: 168px !important;
}
.showdetail_card p
{
    font-size:13px !important;
    font-weight: bold !important;
}
.list-news {list-style: none;}
.news {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-size: 12px;
}
.news a img {
    -moz-box-shadow: 2px 2px 2px 0 #F2F2F2;
    -webkit-box-shadow: 2px 2px 2px 0 #F2F2F2;
    -o-box-shadow: 2px 2px 2px 0 #F2F2F2;
    -ms-box-shadow: 2px 2px 2px 0 #F2F2F2;
    box-shadow:2px 2px 2px 0 #F2F2F2;     
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;           
    float: left;
    height: 70px !important;
    margin: 0 5px 5px 4px !important;
    padding: 2px;
    width: 90px !important;
}
.news h3 {
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0 !important;
    padding-bottom: 10px;
    padding-left: 0 !important;
    width: 100%;
}
.news a {
    padding-left: 0 !important;
}
.news h3 a:hover, .news span.news-readmore a:hover   {
    color: #C20014;
}                                                                                                                                                         

#new_prodiver p.bgr_bottom {
    background: url("images/brg_bottom_new_provider.png") repeat-x scroll left center transparent;
    width: 100%;
}

#content .bottom {
    border-bottom: 1px dashed #999999;
    border-top: 1px dashed #999999;
    font-size: 13px;
    font-style: italic;
    padding: 15px 0;
    text-align: center;
}

#content .bottom span {
    color: #DC4E00;
    font-size: 16px;      
    font-weight: bold;
    margin: 0 0 0 8px;
}
#content .bottom a:hover {
    color:#DC4E00;
    text-decoration: underline;
}

/* IE BROWSER */
.ie .search {
    height: 234px;
}
.ie .wrap_filter div {
    float: left;         
}
.ie .filter_promotion_spot div.wrap_filter select {
    float: left;
    zoom : 1;         
    font-size: 12px;
}
.ie .filter_promotion_spot div.wrap_filter div.LineTwo div span#btnSearch.button-primary {
    float: left;
}
.ie .wrap_filter div.LineTwo div button.ui-multiselect {
    padding: 0px !important;
}
.ie .LineTwo div span#btnSearch.button-primary {
    padding: 0px 10px; 
}